<!-- 
导航栏组件
 * @Author: zuobufan
 * @Location: 安庆石化信息中心
 * @LastEditors: zuobufan
 * @CreateEditTime: 2021-09-17 9:08:00
 -->
<template>
  <div>
    <van-tabbar route v-model="active" v-show="$route.meta === true" active-color="darkred" inactive-color="#000" >
      <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item to="/topic" icon="label-o">专题</van-tabbar-item>
      <van-tabbar-item to="/category" icon="apps-o">分类</van-tabbar-item>
      <van-tabbar-item to="/cart" icon="cart-o">购物车</van-tabbar-item>
      <van-tabbar-item to="/user" icon="user-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
        active:0,
    };
  },
  created() {},
  methods: {}
};
</script>
<style lang="less" scoped>
* {
  font-size: 0.14rem;
}
</style>